<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>慧择</title>
  <link rel="stylesheet" href="./static/css/swiper.css">
  <link rel="stylesheet" href="./static/css/index.css">
  <link rel="shortcut icon" href="./static/img/favicon.png" type="image/x-icon" />
</head>

<body>
  <div class="header clear">
    <img src="./static/img/logo.png" alt="logo" class="fl">
    <div class="contact fr">
      <p class="company">慧择（深圳）信息科技有限公司</p>
      <p class="extra">您值得信赖的专业伙伴</p>
    </div>
  </div>
  <!--轮播图-->
  <div class="banner">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="./static/img/Banner.png" alt="图片"></div>
        <div class="swiper-slide"><img src="./static/img/Banner2.png" alt="图片"></div>
        <div class="swiper-slide"><img src="./static/img/Banner3.png" alt="图片"></div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>

      <!-- 如果需要导航按钮 -->
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>
  </div>

  <div class="content">
    <section>
      <h3>新闻中心</h3>
      <p class="sub-title">NEWS CENTER</p>
      <div class="news-text clear">
        <div class="img-wrapper fl">
          <img src="./static/img/news.png" alt="">
        </div>
        <ul class="news-list fr">
          <li>
            <div class="date">
              <p class="day">7</p>
              <p class="month">2019-4</p>
            </div>
            <div class="desc">
              <h4>经营范围</h4>
              <p>从事信息科技领域内的技术开发、技术咨询、技术转让、技术服务;教育信息咨询、知识产权信息咨询、人力资源服务咨询、商务信息咨询(以上均不含限制项目);教育行业系统、教育软件的技术服务、技术开发;数据库管理</p>
            </div>
          </li>
          <li>
            <div class="date">
              <p class="day">8</p>
              <p class="month">2019-4</p>
            </div>
            <div class="desc">
              <h4>经营范围</h4>
              <p>从事信息科技领域内的技术开发、技术咨询、技术转让、技术服务;教育信息咨询、知识产权信息咨询、人力资源服务咨询、商务信息咨询(以上均不含限制项目);教育行业系统、教育软件的技术服务、技术开发;数据库管理</p>
            </div>
          </li>
          <li>
            <div class="date">
              <p class="day">8</p>
              <p class="month">2019-4</p>
            </div>
            <div class="desc">
              <h4>经营范围</h4>
              <p>从事信息科技领域内的技术开发、技术咨询、技术转让、技术服务;教育信息咨询、知识产权信息咨询、人力资源服务咨询、商务信息咨询(以上均不含限制项目);教育行业系统、教育软件的技术服务、技术开发;数据库管理</p>
            </div>
          </li>
        </ul>
      </div>
    </section>

    <section class="about-section">
      <h3>关于我们</h3>
      <p class="sub-title">ABOUT US</p>
      <div class="about clear">
        <div class="intro fl">
          <h3>慧择（深圳）信息科技有限公司</h3>
          <p>从事信息科技领域内的技术开发、技术咨询、技术转让、技术服务;教育信息咨询、知识产权信息咨询、人力资源服务咨询、商务信息咨询(以上均不含限制项目);教育行业系统、教育软件的技术服务、技术开发;数据库管理、大数据分析(不含限制项目);市场营销策划;品牌营销策划;企业形象策划;文化用品、服装鞋帽、纺织品零售;教育咨询(中介服务除外);文化咨询;企业管理咨询;公共关系服务;承办展览展示活动;组织文化艺术交流活动(不含营业性演出);会议服务;投资兴办实业(具体项目另行申报);国内贸易(不含限制项目)。(依法须经批准的项目,经相关部门批准后方可开展经营活动)劳务派遣;出国留学中介服务。</p>
        </div>
        <img src="./static/img/company.png" alt="公司背景图" class="fr">
      </div>
    </section>
  </div>

  <div class="footer">
    <ul class="clear">
      <li class="fl">
        <p class="li-title">联系我们</p>
        <div class="row-one">
          <p>类型：有限责任公司</p>
          <p>统一社会信用代码：91440300MA5FH90312</p>
          <p>公司网站信息：www.hz985211.com</p>
          <p>公司地址：深圳市前海深港合作区前湾一路1号A栋201室(入驻深圳市前海商务秘书有限公司)</p>
        </div>
      </li>
      <li class="fl">
        <p class="li-title">我们的实力</p>
        <p>登记机关：深圳市市场监督管理局</p>
        <p>注册资本：500万元人民币</p>
        <p>所属行业：信息传输、软件和信息技术服务业</p>
        <p>营业期限：2019-03-07 至 无固定期限</p>
      </li>
    </ul>
    <div class="copy">
      <p>
        Copyright © 2019 - 2026 慧择（深圳）信息科技有限公司 网站备案/许可证号：<a href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备19028480号-1</a></p>
    </div>
  </div>

  <script src="./static/js/swiper.js"></script>
  <script>
    var mySwiper = new Swiper('.swiper-container', {
      loop: true, // 循环模式选项
      autoplay: {
        delay: 3000
      },
      // 如果需要分页器
      pagination: {
        el: '.swiper-pagination',
      },

      // 如果需要前进后退按钮
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      }
    })        
  </script>
</body>

</html>